body {
  font-family: 'Noto Sans TC', sans-serif; }
  body .navbar {
    min-height: 60px;
    margin-bottom: 0; }
    body .navbar.navbar-default {
      background-color: #ff1515;
      border-color: #ff1515; }
      body .navbar.navbar-default .navbar-toggle:hover {
        background-color: #d64d4d; }
      body .navbar.navbar-default .navbar-toggle:focus {
        background-color: #d64d4d; }
      body .navbar.navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff; }
    body .navbar .navbar-collapse {
      margin-top: 10px; }
      body .navbar .navbar-collapse .navbar-nav .active a {
        background-color: #d64d4d; }
      body .navbar .navbar-collapse .navbar-nav li a {
        color: #ffffff; }
    body .navbar .navbar-brand {
      float: none;
      padding: 5px 0;
      display: block;
      margin-left: 10px;
      width: 50px; }
      body .navbar .navbar-brand .nav-logo {
        width: 50px; }
  body .banner {
    background-image: url(../images/banner.jpg);
    background-size: cover;
    width: 100%;
    height: 260px; }
    @media screen and (min-width: 375px) {
      body .banner {
        height: 280px; } }
    @media screen and (min-width: 412px) {
      body .banner {
        height: 300px; } }
  body .banner1 {
    background-image: url(../images/sp01.jpg);
    background-size: cover;
    width: 100%;
    height: 220px; }
  body .banner2 {
    background-image: url(../images/sp02.jpg);
    background-size: cover;
    width: 100%;
    height: 220px; }
  body .banner3 {
    background-image: url(../images/sp03.jpg);
    background-size: cover;
    width: 100%;
    height: 220px; }
  body .banner4 {
    background-image: url(../images/sp04.jpg);
    background-size: cover;
    width: 100%;
    height: 220px; }
  body .title {
    display: -webkit-flex;
    /* Safari */
    display: flex;
    justify-content: space-between;
    margin: 30px 0; }
    body .title h2 {
      color: #f71818;
      text-align: center;
      font-size: 22px; }
    body .title .title-dec {
      width: 50px;
      height: 2px;
      border-bottom: 2px dotted #f1172d;
      margin-top: 31px; }
  body .note {
    color: #f71818;
    text-align: center;
    font-size: 14px;
    margin-top: -20px;
    margin-bottom: 25px; }
  body hr.shadow {
    height: 10px;
    border: 0;
    box-shadow: 0 10px 10px -10px #8c8b8b inset; }
  body hr.linear {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }
  body .speeches {
    margin-top: 20px; }
    body .speeches .speeches-head {
      margin-top: 10px; }
      body .speeches .speeches-head.topic {
        min-height: 550px; }
      body .speeches .speeches-head .speeches-img {
        margin: 0 auto;
        width: 70%; }
      body .speeches .speeches-head .speeches-img.small {
        width: 40%;
        border-radius: 40px; }
      body .speeches .speeches-head .caption {
        text-align: center; }
        body .speeches .speeches-head .caption h3 {
          font-size: 20px; }
      body .speeches .speeches-head .word {
        width: 90%;
        display: block;
        margin: auto; }
    body .speeches .speeches-content {
      margin-bottom: 10px; }
      body .speeches .speeches-content p {
        text-indent: 20px;
        line-height: 1.7; }
  body .staff .staff-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px; }
    body .staff .staff-item-wrapper .staff-item {
      width: 96px; }
      body .staff .staff-item-wrapper .staff-item:nth-child(16) {
        margin: 0 auto; }
      body .staff .staff-item-wrapper .staff-item img {
        width: 75px;
        height: 95px;
        border-radius: 15%;
        margin: 0 auto; }
      body .staff .staff-item-wrapper .staff-item h4 {
        text-align: center;
        font-size: 12px; }
  body .member .member-wrapper .member-item .thumbnail.regular-item {
    position: relative; }
    body .member .member-wrapper .member-item .thumbnail.regular-item .flat-logo {
      min-height: 130px;
      padding-top: 50px; }
      @media screen and (min-width: 375px) {
        body .member .member-wrapper .member-item .thumbnail.regular-item .flat-logo {
          min-height: 150px; } }
    body .member .member-wrapper .member-item .thumbnail.regular-item .square-logo {
      height: 130px; }
      @media screen and (min-width: 375px) {
        body .member .member-wrapper .member-item .thumbnail.regular-item .square-logo {
          height: 150px; } }
    body .member .member-wrapper .member-item .thumbnail.regular-item img {
      min-width: 120px;
      margin: auto; }
      body .member .member-wrapper .member-item .thumbnail.regular-item img.img-sfb {
        width: 90%; }
    body .member .member-wrapper .member-item .thumbnail.regular-item .caption {
      padding: 2px;
      height: 60px; }
      @media screen and (min-width: 375px) {
        body .member .member-wrapper .member-item .thumbnail.regular-item .caption {
          height: 60px; } }
      body .member .member-wrapper .member-item .thumbnail.regular-item .caption h4 {
        text-align: center;
        font-size: 12px;
        line-height: 1.5; }
    body .member .member-wrapper .member-item .thumbnail.regular-item a {
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-indent: -9999px;
      z-index: 1000; }
  body .member .member-wrapper .member-item.y-tech .square-logo {
    height: 130px; }
    @media screen and (min-width: 375px) {
      body .member .member-wrapper .member-item.y-tech .square-logo {
        height: 150px; } }
    body .member .member-wrapper .member-item.y-tech .square-logo a {
      display: block; }
    body .member .member-wrapper .member-item.y-tech .square-logo .logo {
      width: 70%; }
    body .member .member-wrapper .member-item.y-tech .square-logo .qr {
      width: 80%;
      margin: auto; }
  body .member .member-wrapper .member-item.y-tech .caption {
    position: relative;
    padding: 2px;
    height: 60px; }
    @media screen and (min-width: 375px) {
      body .member .member-wrapper .member-item.y-tech .caption {
        height: 60px; } }
    body .member .member-wrapper .member-item.y-tech .caption h4 {
      text-align: center;
      font-size: 12px;
      line-height: 1.5; }
    body .member .member-wrapper .member-item.y-tech .caption a {
      position: absolute;
      display: block;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-indent: -9999px;
      z-index: 1000; }
  body .member .member-list ul {
    -webkit-padding-start: 3px; }
    body .member .member-list ul li {
      list-style: none;
      margin-top: 5px;
      font-size: 16px;
      line-height: 2; }
  body .footer {
    background-color: #f71818;
    height: 120px;
    margin-top: 50px;
    padding: 16px; }
    @media screen and (min-width: 375px) {
      body .footer {
        padding: 20px; } }
    body .footer h4 {
      display: block;
      color: #ffffff;
      text-align: center; }
    body .footer a {
      color: #ffffff;
      display: block;
      margin: 10px auto;
      text-align: center; }
